<template>
 <el-button class="Win10">win10-样式1</el-button>
</template>

<script>
</script>

<style scoped>
button.Win10 {
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  font-size: 12px;
  background: #e2e2e2;
  border: 0.5px solid #acacac;
  color: #000;
  padding: 1px 8px 1px 8px;
  font-family: "Segoe UI", "Webly Sleek UI", "Frutiger", "Lucida Sans Unicode",
  "Lucida Grande", "Open Sans", sans-serif;
}

button.Win10:hover {
  -webkit-transition-duration: 0.4s; /* Safari */
  transition-duration: 0.4s;
  background: #ebf4fc;
  border-color: #57b;
}

button.Win10:active {
  -webkit-transition-duration: 0s; /* Safari */
  transition-duration: 0s;
  background: #c4e0fc;
  border-color: #458;
}
</style>